// material-ui
import { Grid, Typography } from '@mui/material';

// project imports
import MainCard from 'ui-component/cards/MainCard';
import Questionitem from './questionitem';
import { gridSpacing } from 'store/constant';
import SubCard from 'ui-component/cards/SubCard';

// ==============================|| SAMPLE PAGE ||============================== //

const QuestionPage = () => (
  <MainCard title="投资管理">
    <Grid container spacing={gridSpacing}>
      <Grid item xs={12}>
        <SubCard title="First">
          <Grid container spacing={gridSpacing}>
            <Grid item>
              <Typography fontSize="1.2rem" fontFamily="-apple-system">Hello，这是一份调查问卷，旨在了解你的风险偏好和资产配置要求</Typography>
            </Grid>
          </Grid>
        </SubCard>
      </Grid>
      <Grid item xs={12}>
        <SubCard title="Second">
          <Grid container spacing={gridSpacing} justifyContent="start">
            <Grid item>
              <Questionitem />
            </Grid>
          </Grid>
        </SubCard>
      </Grid>
      <Grid item xs={12}>
        <SubCard title="Third">
          <Grid container spacing={gridSpacing} justifyContent="start">
            <Grid item>
              感谢你认真填写此问卷
            </Grid>
          </Grid>
        </SubCard>
      </Grid>
    </Grid>
  </MainCard>
);

export default QuestionPage;
